<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AllPOstals</title>
<link href="styles/stiloportada.css" rel="stylesheet" type="text/css" />
<link href="styles/stilotabs.css" rel="stylesheet" type="text/css" />
<script src="Introani/edge_includes/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="jscode/tabs.js" type="text/javascript"></script>

</head>

<body>
<table width="1024" border="0" align="center">
  <tr>
    <td width="1024" height="250"><img src="/ima/banner.jpg" width="1011" height="250" alt="banner" /></td>
  </tr>
  <tr>
    <td height="143" align="center">
    <!-- Contenedor -->
<div id="demo-container">
<div id="tabs1" class="tab-wrapper">
<!-- Primero Pestañas -->
<div class="tab">
	<ul>
		<li class="activo"><a href="#pestana1">Bienvenidos</a></li>
		<li><a href="#pestana2">Tab 2</a></li>
		<li><a href="#pestana4">Tab 4</a></li>
	</ul>
	<div style="clear:both;"></div>
</div>
<!-- Luego el Panel -->
<div class="tabs-content">
	<div class="pestana" id="pestana1">
				
				<object  class="uno" type="text/html" 
			data="/Introani/Intro.html" width="547" height="397" >
			</object>

	</div>
	<div class="pestana" style="display: none;"id="pestana2">
		Contenido 2, con una imagen:
		<img width="150" height="150" style="display: block; margin: 0 auto;"src="http://www.freefoto.com/images/808/13/808_13_3041---Nidderdale-Area-of-Outstanding-Natural-Beauty_web.jpg" alt="Demo:Pestañas jQuery"/>

	</div>
	<div class="pestana" style="display: none" id="pestana4">Otra pestaña más. Se pueden agregar las que se quieran, el script no varía.</div>
</div>
</div>
</div>
   
  </tr>
  <tr>
    <td height="204">&nbsp;</td>
  </tr>
</table>
</body>
</html>
